@charset "utf-8";
.float_left{
    float:left;
}
.float_right{
    float:right;
}
.clear_margin{
    margin:0!important;
}
.clear_border{
    border:0!important;
}
.clear_bg{
    background:none!important;
}

.wrap{
    width:1130px;
    margin:0 auto;
   
}

#header{
    width:100%;
    height: 56px;
    background: yellow;
}
.logo-wrap{
    height:56px;
    position: relative;
    
}
.logo_container{
    height: 56px;
    width:1210px;
    transform: translateX(-40px);
    display: flex;
    align-items: center;
}
.logo_container img{
    width: 120px;
    height: 20px;
    
}
.logo_c{
    width:648px;
    height:56px;
    /* background: pink; */
    margin-left:140px;
   
    
}
.logo_c li{
    float: left;
    position: relative;
}
.logo_c li a{
    display: block;
    font-size: 14px;
    height: 56px;
    line-height: 56px;
    padding:0 24px;
    color:#333
}

.first{
    font-weight: bold;
}
.more_box{
    display:flex;
    width: 60px;
    height: 56px;
    justify-content: center;
    position: relative;
}
.more{
    margin-top: 14px;
    font-size: 14px;
}

.logo_c li a:hover{
   background: #333;
    color:yellow;
}
.logo_c li:nth-child(2):hover .navigation{
    display: block;
 }
 .logo_c li:nth-child(3):hover .nav1, .logo_c li:nth-child(6):hover .nav1,
  .logo_c li:nth-child(7):hover .nav1,.logo_c li:nth-child(8):hover .nav3{
    display: block;
 }
 .logo_c li:nth-child(4):hover .nav2,.logo_c li:nth-child(5):hover .nav2{
    display: block;
 }
 
.more_box:hover{
    background: #333;
    color:yellow
}
.navigation{
    position: absolute;
    z-index: 999;
    top:56px;
    width: 572px;
    height: 122px;
    background: #fff;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    display: none;
    
}
.nav{
    height: 80px;
}

.nav li a{
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    padding:0 12px;
    color:#333;
    margin:5px  15px  0 15px;
    border-radius: 4px; 
}
.nav li a:hover{
    background: yellow;
    color: #333;
   
}

.selection{
    height: 42px;
    border-top: 1px solid #999;
    width: 100%;
}
.selection p{
    float: left;
    font-size: 14px;
    margin-left:25px;
    line-height: 42px;
}
.nav1{
    width: 147px;
    height: 118px;
    position: absolute;
    top:56px;
    background: #fff;
    padding-top: 5px;
    display: none;

}
.nav1 li,.nav2 li,.nav3 li{
    width: 100%;
}
.nav3{
    width: 147px;
    height: 118px;
    position: absolute;
    top:56px;
    background: #fff;
    padding-top: 5px;
    z-index:999;
    left:0;
    display: none; 
}
.nav3 li a{
    display: block;
    font-size: 14px;
   height: 37px;
    color:#333;
    line-height: 37px; 
}
.nav1 li a,.nav2 li a{
    display: block;
    font-size: 14px;
   height: 37px;
    color:#333;
    line-height: 37px;
}
.nav1 li a:hover,.nav2 li a:hover,.nav3 li a:hover{
    color: #333;
    background: yellow;
}
.nav2{
    width: 147px;
    height: 190px;
    position: absolute;
    z-index:999;
    top:56px;
    background: #fff;
    padding-top: 5px;
     display: none; 
   
    
}
.search{
    width:60px;
    height: 56px;
    margin-left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search i{
    font-size: 24px;
}
.search:hover{
    background-color: #000;
}
.search:hover i{
    color:yellow
}
.login{
    width:122px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    
    padding-left: 30px;
}
.login a{
    font-size: 14px;
    color: #000;
}
.banner-wrap{
    height: 286px;
    position: relative;
    
    
}
.box{
    height: 173px;
     margin-top: 20px;
     display: flex;
     justify-content: space-between;  
}
.main-wrap{
    height: 50px;
    margin-top:60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.readenbox{
    height:2575px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#readen{
    height:2575px;
    background-color: #eee;
    width: 100%;
}
#buttonbox{
    height: 80px;
    background-color: #eee;
    width: 100%;
}
.numBtnBox{
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#banner-box{
    background-color: #eee;
    width: 100%;
    height: 100px;
}
.bannerPic{
    height: 100px;
}
.bannerPic img{
    width: 100%;
    height: 100%;
}
#footer{
    height: 230px;
    width:100%;
    margin-top: 30px;
    background: #333;
}
.footer-wrap{
    height: 230px;
  
}
.footer-top{
    height: 130px;
    border-bottom: 1px solid #eee;
    
}
.footerTop_left{
    width: 812px;
    height: 100%;
    float: left;

}
.footerTop_left p:nth-child(1) a{
    background: url("../images/下载.svg") no-repeat left center;
    padding-left: 20px;
}
.footerTop_left p{
    float: left;
}
.footerTop_left p a{
    font-size:14px;
    color:gray;
    margin-right: 18px;
    line-height: 130px;  
}
.footerTop_left p a:hover{
    color:#fff
}
.footerTop_right{
    float: right;
    height: 100%;
    width:132px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footerCenter{
    height: 50px;
    width: 100%;
}
.footerCenter p{
    float:left;
    font-size: 14px;
    margin-right: 30px;
    line-height: 50px;
    color:gray;

}
.footerCenter p:hover{
     color:#fff;
     text-decoration: underline;
}
.footerCenter p:nth-child(1){
    background: url("../images/下载.png") no-repeat left center;
    padding-left: 20px;
}
.footerBottom{
    height: 48px;
}
.footerBottom_left{
    width: 900px;
    height: 100%;
    float: left;
}
.footerBottom_left p{
    line-height: 48px;
    font-size: 14px;
    color: gray;
    float: left;
    margin-right: 25px;
}
.footerBottom_rigth{
    height: 48px;
    float: right;
    width:167px;
}
.footerBottom_rigth p{
    font-size: 14px;
    color: gray;
    line-height: 48px;
}
